﻿<!DOCTYPE HTML>
<html>
    <head>
        <title>Test</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <link href="css/index.css" rel="stylesheet" >
        <script type="text/javascript" src="../../src/zn.js"></script>
        <script type="text/javascript" src="../../src/model/Model.js"></script>
        <script type="text/javascript" src="../../src/core/Element.js"></script>
        <script type="text/javascript" src="../../src/dom/DOM.js"></script>
        <script type="text/javascript" src="../../src/dom/DOMAttribute.js"></script>
        <script type="text/javascript" src="../../src/dom/DOMCss.js"></script>
        <script type="text/javascript" src="../../src/dom/DOMEvent.js"></script>
        <script type="text/javascript" src="../../src/dom/DOMScanner.js"></script>
        <script type="text/javascript" src="../../src/core/Component.js"></script>
        <script type="text/javascript" src="../../src/control/Button.js"></script>
        <script type="text/javascript" src="../../src/dom/Ready.js"></script>
    </head>
    <body data-view="body" class="{bcn}" style="{style}">
        <div class="main">
            <div class="head">
                {head}
            </div>
            <div data-view="center" class="center">
                {text}
            </div>
            <div class="foot">
                {foot}
            </div>
        </div>
        <script type="text/javascript">
            zn.ready(function (){
                var _body = {
                    bcn: 'bcn',
                    style: 'height: 30px;border: 1px solid red;',
                    main: 'main',
                    head: 'head',
                    foot: 'foot'
                }

                $model.body = _body;
            });
        </script>
    </body>
</html>